import React, { useState } from 'react';
import { Card, Col, Row, Button } from 'antd';

function Workflow() {
    const [count, setCount] = useState(0);

    return (
        <div className="site-card-wrapper">
          <Row gutter={16}>
            <Col span={8}>
              <Card title="云资源相关申请" hoverable={true} >
                  <Button onClick={() => setCount(count + 1)}>test</Button>
                Card content {count}
              </Card>
            </Col>
            <Col span={8}>
              <Card title="内部系统相关申请">
                Card content
              </Card>
            </Col>
            <Col span={8}>
              <Card title="Other">
                Card content
              </Card>
            </Col>
          </Row>
        </div>
    )
}

export default Workflow;
